<template>
  <div>
    <p>money: {{money}}</p>
    <button @click="addN(3)">+n</button>
  </div>
</template>

<script>
export default {
  name: 'Child',
  // 儿子通过 props 接收
  props: {
    money: {
      type: Number,
      default: 10
    }
  },
  // !#1 接收 context
  setup (props, { emit }) {
    // 可能会需要传递过来的数据在 setup 中进行操作
    // console.log(props.money)
    const addN = (num) => {
      // !#2 触发父亲的自定义事件
      emit('updateMoney', num)
    }
    return {addN}
  }
}
</script>

<style lang="scss" scoped>

</style>